*{
    padding:0px;
    margin:0px;
    font-size:14px;
    font-family: "宋体";
}
.flow_body{
    padding:0px;
    margin:0px;
}
ul,li{list-style: none}
/***
**菜单栏
**/
.flow_body .menu{
    height:50px;
    border-left: 1px solid #a2acb8;
    border-right: 1px solid #a2acb8;
    border-top: 1px solid #a2acb8;
    margin:0px 5px 0px 5px;
    background: #dfe9f5;
}
.menu-bar{clear: both;overflow: hidden;}
.menu-bar li{cursor: pointer; float: left;padding:5px 10px;background: url("../image/hr_03.png") right center no-repeat}
.menu-bar li a{font-size: 12px;color: #464747}
.flow_body .contain{
    position:absolute;
    top:51px;
    left:5px;
    right: 5px;
    bottom: 5px;
    border:1px solid #a2acb8;
}
/**
 * 工具栏
 */
.flow_body .toobar{
    position:absolute;
    left:0px;
    width:100px;
    top:0px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    border-right:1px solid #a2acb8;
    background:#eaf4fd;
}
.flow_body .toobar .toobar_title{
    height:30px;
    line-height: 30px;
    border-bottom:1px solid #a2acb8;
    background:#d6e5f8;
    text-align:center;
}
.flow_body .toobar ul{
    list-style-type: none;
    padding-left:15px;
    width:60px;
    padding-right:15px;

}
.flow_body .toobar ul li{
    margin-top:5px;
    /*padding-top:50px;*/
}
.flow_body .toobar ul li .tool{
    width:60px;
    height:60px;
    cursor:pointer;
}
/*.flow_body .toobar ul li:hover{
    border: 2px solid red;
}*/
.toolbar_active{
   /* border: 2px solid red;*/
}
.flow_body .toobar>ul>li>span{
    height:25px;
    line-height:25px;
    display:block;
    text-align:center;
}
.tool_pointer_0{
    background:url('../image/end.jpg');
    background-repeat: no-repeat;
}
/**开始节点*/
.tool_start_1{
    background:url('../image/start.png');
    background-repeat: no-repeat;
}
.tool_start_1:hover,.tool_start_1.active{
    background:url('../image/start_back.png');
    background-repeat: no-repeat;
}
/**人工环节*/
.tool_formTask_3{
    background:url('../image/formTask.png');
    background-repeat: no-repeat;
}
.tool_formTask_3:hover,.tool_formTask_3.active{
    background:url('../image/formTask_back.png');
    background-repeat: no-repeat;
}
/**自动环节*/
.tool_toolTask_4{
    background:url('../image/toolTask.png');
    background-repeat: no-repeat;
}
.tool_toolTask_4:hover,.tool_toolTask_4.active{
    background:url('../image/toolTask_back.png');
    background-repeat: no-repeat;
}
/**同步器*/
.tool_synchronizer_6{
    background:url('../image/synchronizer.png');
    background-repeat: no-repeat;
}
.tool_synchronizer_6:hover,.tool_synchronizer_6.active{
    background:url('../image/synchronizer_back.png');
    background-repeat: no-repeat;
}
/**连接线*/
.tool_line_5{
    background:url('../image/line.png');
    background-repeat: no-repeat;
}
.tool_line_5:hover,.tool_line_5.active{
    background:url('../image/line_back.png');
    background-repeat: no-repeat;
}
/**结束节点*/
.tool_end_7{
    background:url('../image/end.png');
    background-repeat: no-repeat;
}
.tool_end_7:hover,.tool_end_7.active{
    background:url('../image/end_back.png');
    background-repeat: no-repeat;
}
/**
 * 画布
 */
.flow_body .canvas_car{
    position: absolute;
    left: 101px;
    top: 0px;
    height:30px;
    right:300px;
    border-bottom: 1px solid #a2acb8;
    background:#d6e5f8;
}
.flow_body .canvas_car>ul{
    list-style-type: none;
}
.flow_body .canvas_car>ul>li{
    height:30px;
    line-height:30px;
    padding-left:10px;
    padding-right:10px;
    float: left;
    background:#def5fd;
    cursor:pointer;
}
.flow_body .canvas_car>ul>li.active{
    background:#9bc0ed;
}
.flow_body .canvas{
    position: absolute;
    left: 101px;
    top: 31px;
    bottom: 0px;
    right:300px;
}
.flow_body .canvas .canvas_xml{
    width:100%;
    height:100%;
}
.flow_body .canvas{
    background: -webkit-linear-gradient(top,transparent 39px,#838B8B 40px),
    -webkit-linear-gradient(left,transparent 39px,#838B8B 40px);
    background: -ms-linear-gradient(top,transparent 39px,#838B8B 40px),
    -ms-linear-gradient(left,transparent 39px,#838B8B 40px);
    background: linear-gradient(top,transparent 39px,#838B8B 40px),
    linear-gradient(left,transparent 39px,#838B8B 40px);
    background: -o-linear-gradient(top,transparent 39px,#838B8B 40px),
    -o-linear-gradient(left,transparent 39px,#838B8B 40px);
    background-size: 40px 40px;
}
/***
*右键菜单
 */
.node_rightMenu{
    width:100px;
    heigth:100px;
    border: 1px solid #cccccc;
    background: #FFFFFF;
    position: absolute;
    top:0px;
    left:0px;
    display: none;
}
.node_rightMenu>ul{
    list-style: none;
}
.node_rightMenu>ul>li{
    cursor: pointer;
     height:25px;
    line-height:25px;
    padding-left:10px;
 }
.node_rightMenu>ul>li:hover{
    background: #93cdf9;
}
/**
 * 属性栏
 */
.flow_body .pros{
    width:300px;
    position: absolute;
    right:0px;
    top:0px;
    bottom: 0px;
    border-left: 1px solid #a2acb8;
}
.flow_body .pros .pros_title{
    height:30px;
    line-height:30px;
    border-bottom: 1px solid #a2acb8;
    text-align:center;
    background:#d6e5f8;

}
.flow_body .pros .pros_nodePro{
    height:50%;
}
.flow_body .pros .pros_flowPro{

}
.pros_table{
    display: none;
}
.pros_table >td{

}
.pros_table{border:1px solid #ccc;width: 100%}
.pros_flowPro .pros_table td,.pros_nodePro .pros_table td{padding: 5px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.pros_flowPro .pros_table .td_style,.pros_nodePro .pros_table .td_style{text-align: center;width: 40%;background: #eaeaea}
.pros_nodePro .pros_table .tr_style td,.pros_flowPro .pros_table .tr_style td{border-bottom: none}